<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en"
      xmlns="http://www.w3.org/1999/xhtml"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      >
    <f:view locale="#{localeMB.currentLocale}" contentType="text/html">
        <h:head>
            <title>Valstorm Web</title>
            <style>
                .ui-widget, .ui-widget .ui-widget {

                    font-size: 90% !important;
                }
            </style>

        </h:head>
        <h:body>
            <h:outputStylesheet library="css" name="style.css" />
            <p:growl  widgetVar="messages" autoUpdate="true" />
            <p:layout fullPage="true">
                <p:layoutUnit position="north" size="70" resizable="false" closable="false" collapsible="false">
                    <h:form>
                        <p:confirmDialog global="true" showEffect="fade" hideEffect="explode">  
                            <p:commandButton value="#{i18n['label.yes']}" type="button" styleClass="ui-confirmdialog-yes" icon="ui-icon-check"/>  
                            <p:commandButton value="#{i18n['label.no']}" type="button" styleClass="ui-confirmdialog-no" icon="ui-icon-close"/>       
                        </p:confirmDialog>  

                        <p:toolbar>
                            <p:toolbarGroup align="left">
                                <p:menuButton  value="#{i18n['label.user']}">
                                    <p:menuitem value="#{i18n['label.user.register']}" action="/cadUser.xhtml"/>
                                </p:menuButton>
                                
                            </p:toolbarGroup>
                            
                            <p:toolbarGroup align="left">
                                <p:menuButton  value="#{i18n['label.project']}">
                                    <p:menuitem value="#{i18n['label.project.register']}" action="/cadProject.xhtml"/>
                                </p:menuButton>
                            </p:toolbarGroup>
                            <p:toolbarGroup align="right">
                                <p:commandLink actionListener="#{localeMB.portugueseLocale}" update="@all">
                                    <p:graphicImage value="/resources/img/pt_BR.png"/>
                                </p:commandLink>
                                <p:commandLink actionListener="#{localeMB.englishLocale}" update="@all">
                                    <p:graphicImage value="/resources/img/en_US.png"/>
                                </p:commandLink>
                            </p:toolbarGroup>
                        </p:toolbar>
                    </h:form>
                </p:layoutUnit>

                <p:layoutUnit position="south" size="50"  resizable="false" closable="true" collapsible="true">
                    <h:outputText value="South unit content." />
                </p:layoutUnit>

                <p:layoutUnit position="west" size="200" header="Left" resizable="true" closable="true" collapsible="true">
                    <h:form>
                        <p:panelMenu>
                            <p:submenu label="Projeto">
                                <p:menuitem value="save"/>
                            </p:submenu>
                            <p:submenu label="Visualização">

                            </p:submenu>
                        </p:panelMenu>
                    </h:form>
                </p:layoutUnit>
                <!--            <p:layoutUnit position="east" size="200" header="Right" resizable="true" closable="true" collapsible="true" effect="drop">
                                <h:outputText value="Right unit content." />
                            </p:layoutUnit>-->

                <p:layoutUnit position="center">
                    <ui:insert name="content" id="center"/>
                </p:layoutUnit>
            </p:layout>
        </h:body>
    </f:view>
</html>
